angular.module('app').directive('appCircle', [function() {

	return {
		restrict: 'AE',
		replate: true,
		template: '<div></div>',
		scope:{
			setp:'@',
			color:'=',
			text:'=',
			classname:'='
		},
		link: function(scope, ele, attr) {
			
			var circle = new ProgressBar.Circle(ele[0], {
				color: '#e6e6e6' ,
				strokeWidth:3,
				trailColor: scope.color,
				trailWidth:2,
				text: {
					value: scope.text,
					className: scope.classname
				}
			});
			circle.animate(scope.setp)
			
		}
	}

}])